// 定义颜色变量
$opacity: 1;

$primary-color: #4A90E2;
$primary-color-hover: #5dade2;
$primary-color-deep: #357ABD;
$primary-color-light: #EAF6FF;

$normal-color: #4a4c5b;
$normal-color-hover: #626369;
$normal-color-deep: #292a36;
$normal-color-light: #92959c;

$disable-color: #f2f4f7;
$border-color: #e3e4e8;
$sub-color: #0f8a82;

$font-color: #6e707c;
$font-color-title: $normal-color;
$font-color-stress: #2b3035;
$font-color-invert: #ffffff;

$background-color: #f6f7f9;
$background-color-light: #ffffff;
$background-color-gray: #f7f9fb;
$background-color-dark: #e7e9eb;
$primary-bg-color: #fef6e6;
$primary-background-color: #fff;

$title-color-deep: #292a36;
$title-color: #4a4c5b;
$remark-color: #4a4c5b;
$placeholder-color: #c8c9cd;
$light-focus-color: #666666;

$spliter-color: hsl(0, 0%, 97%, 0.5);

$error-color: #ec4e29;

$primary-color-light: #EAF6FF;

$title-size: 0.32rem;
$font-size: 0.28rem;
$tip-size: 0.22rem;

// 使用CSS自定义属性
:root {
  --primary-color: #{$primary-color};
  --primary-background-color: #{$primary-background-color};
  --opacity: #{$opacity};
}

.el-radio__input.is-checked + .el-radio__label {
  color: #4A90E2 !important;
}

.el-switch.is-checked .el-switch__core {
  border-color: $primary-color !important;
  background-color: $primary-color !important;
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.question-edit-wrapper .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: $primary-color !important;
  border-color: $primary-color !important;
}

.el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: $primary-color !important;
}

.el-checkbox__input.is-checked + .el-checkbox__label {
  color: $font-color !important;
}

.el-button--primary {
  background-color: #4A90E2 !important;
  border-color: #4A90E2 !important;
  color: #fff !important;
}

.title-text {
  color: #4A90E2 !important;
}

a:hover {
  background-color: #EAF6FF !important;
}

.el-menu-item:hover,
.el-menu-item.is-active,
.el-menu-item.router-link-active {
  background-color: #EAF6FF !important;
}

.el-menu-item:hover a {
  color: #4A90E2 !important;
}

.el-menu-item:active,
.el-menu-item:focus,
.el-menu-item:visited,
.el-menu-item.router-link-exact-active,
.el-menu-item.router-link-exact-active a {
  background-color: #EAF6FF !important;
  color: #4A90E2 !important;
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  color: #4A90E2 !important;
}

:root {
  --el-color-primary: #4A90E2 !important;
  --el-menu-active-color: #4A90E2 !important;
  --el-menu-hover-text-color: #4A90E2 !important;
}

.logout {
  color: #4A90E2 !important;
}

.m-tag {
  color: #4A90E2 !important;
  border-color: #4A90E2 !important;
}

.submit-btn {
  background-color: #4A90E2 !important;
  border-color: #4A90E2 !important;
  color: #fff !important;
}

